<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lxl 站点管理</title>
<link rel="stylesheet" href="lxl/common/dist/jquery.vidbacking.css" type="text/css">
<link href="lxl/main/css/index1.css" rel="stylesheet" type="text/css" />
    <style>
    <%--demo1--%>
    body{
        height:100%;
        width:100%;
        overflow:hidden;
        margin:0px;
        background-image: url(lxl/common/assets/screenshot2.jpg);
    }
    </style>
<script src="lxl/main/js/jquery.js"></script>
<script src="lxl/common/dist/jquery.vidbacking.js" type="text/javascript"></script>
<script>
			

    	$(function(){
          $('body').vidbacking({
              'masked': true
          });
      });

			//图标特效
			$(".box").on("mouseenter",function(){
		    	$(this).find(".box_icon").stop().animate({top:"0px",opacity:"0"},300,function(){
					$(this).animate({top:"20px",opacity:"1"});
				});
				$(this).find("h3").stop().animate({opacity:"0",},300,function(){
					$(this).animate({opacity:"1"});
				});
			});
    </script>

</head>

<body >
<div id="controls">
		<video poster="lxl/common/assets/trip.png" autoplay muted loop class="vidbacking">
		        <source src="lxl/common/assets/trip.mov" type="video/mp4">
		</video>
    <div class="header">
		<!--
        <div class="logo"><img src="lxl/main/img/logo.png" width="280" height="70" /></div>
		-->
        <div class="nav">
            <ul>
            <li><a href="#" class="nav_current">首页</a></li>
            <li><a href="#" target="_blank">XX管理系统</a></li>
            <li><a href="#" target="_blank">XX考试系统</a></li>
            <li><a href="#">注销</a></li>
            </ul>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="col-6">
                <div class="box box_opacity">
                    <img src="lxl/main/img/logo_version.png" width="64" height="64" class="box_icon"/>
                    <h3>XX管理系统<small>V3.0.0.2</small></h3>
                    <p>管理、发布、字典、权限</p>
                    <a href="#" target="_blank">点击进入</a>
                </div>
            </div>
            <div class="col-6">
                <div class="box box_opacity">
                    <img src="lxl/main/img/logo_tes.png" width="64" height="64" class="box_icon" />
                    <h3>XX考试系统<small>V1.0.0.0</small></h3>
                    <p>在线考试，积分统计</p>
                    <a href="#" target="_blank">点击进入</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer_txt col-9">
                <p>为了获得最佳操作体验，建议您使用最新版本的浏览器，支持1024 X 768以上分辨率<br />lxl 版权所有</p>
                <p>建设中<a id="watch-video" href="#" target="_blank" >lxl-Alissa</a></p>
				<p><a href="http://www.lixianglong.cn/" target="_blank" style="color: #fff">© 2017-2018 lxl设计</a></p>
            </div>
            <div class="footer_btn col-3" style="text-align:right;">
                <a href="#" class="btn_white">返回HR</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
